<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<div class="image-container set-full-height" style="background-image: url('${pageContext.request.contextPath}/page/assets/img/g3.jpg')">
	    <!--   Creative Tim Branding   -->
	    <!-- div ok -->
	    <a href="#">
	         <div class="logo-container">
			            <div class="logo">
			                <img src="${pageContext.request.contextPath}/page/assets/img/new_logo.png">
			            </div>
			            <div class="brand">
			                用户
			            </div>
	        </div>
	    </a>

		<!--  Made With Paper Kit  -->
	

	    <!--   Big container   -->
	    <div class="container">
	        <div class="row">
		        <div class="col-sm-8 col-sm-offset-2">

		            <!--      Wizard container        -->
		            <div class="wizard-container">

		                <div class="card wizard-card" data-color="orange" id="wizardProfile">
		                    <form >
		                <!--        You can switch " data-color="orange" "  with one of the next bright colors: "blue", "green", "orange", "red", "azure"          -->

		                    	<div class="wizard-header text-center">
		                        	<h3 class="wizard-title">考试预约</h3>
									<p class="category"></p>
		                    	</div>
					<!-- 1111111111111111111 -->
								<div class="wizard-navigation">
										<div class="progress-with-circle">
										     <div class="progress-bar" role="progressbar" aria-valuenow="1" aria-valuemin="1" aria-valuemax="3" style="width: 21%;"></div>
										</div>
										<ul>
				                            <li>
												<a href="#about" data-toggle="tab">
													<div class="icon-circle">
														<i class="ti-user"></i>
													</div>
													科目信息
												</a>
											</li>
										
											     <li>
													<a href="#account" data-toggle="tab">
														<div class="icon-circle">
															<i class="ti-star"></i>
														</div>
													      考试场地
													</a>
												</li>
				                            <li>
												<a href="#address" data-toggle="tab">
													<div class="icon-circle">
														<i class="ti-map"></i>
													</div>
													时间选择
												</a>
											</li>
			                          </ul>
								</div>
						<!-- 11111111111111111111111 -->
		                        <div class="tab-content">
		                            <div class="tab-pane" id="about">
		                            	<div class="row">
											<h5 class="info-text"> 个人信息</h5>
											<!-- 11111111111111111111111 -->
											<div class="col-sm-4 col-sm-offset-1">
												<div class="picture-container">
													<div class="picture">
														<img src="${pageContext.request.contextPath}/page/assets/img/default-avatar.jpg" class="picture-src" id="wizardPicturePreview" title="" />
														<input type="file" id="wizard-picture">
													</div>
													<h6>照片</h6>
												</div>
											</div>
										   <!-- 11111111111111111111111 -->
											<c:set value="${user}" var="user"> </c:set>
											<!-- 11111111111111111111111 -->
											<div class="col-sm-6" >
												<div class="form-group" >
													<label >居民身份证：
														<textarea rows="1" cols="30"   style="resize:none;" readonly="readonly">${user.idNumber}</textarea>
													</label>
												  
												</div>
												<div class="form-group">
													<label>&nbsp;&nbsp;&nbsp;姓名&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;：</label>
													
													<textarea rows="1" cols="30"   style="resize:none;" readonly="readonly">${user.userName}</textarea>
												</div>
												<div class="form-group">
													<label>手机号码;&nbsp;&nbsp;&nbsp;：</label>
												
													<textarea rows="1" cols="30"   style="resize:none;" readonly="readonly">${user.tel}</textarea>
												</div>
												<div class="form-group">
													<label>申请车型;&nbsp;&nbsp;&nbsp;：</label>
													<textarea rows="1" cols="30"   style="resize:none;" readonly="readonly">${typeName}</textarea>
													
													 
												</div>							
											</div>
											<!-- 11111111111111111111111 -->
										
										</div>
										<!-- 11111111111111111111111 -->
										<div class="col-sm-10 col-sm-offset-1">
												<div class="row"  align="center" >
													<h5 >考试科目</h5>
													 <select id="subject" name="subject" class="form-control">
		                                                  <option value="0">请选择科目</option>
														  <option id="course1" value="1">科目一理论考试</option>
														  <option id="course2" value="2">科目二</option>
														  <option id="course3" value="3">科目三道路安全驾驶考试</option>
														  <option id="course4" value="4">科目三安全文明驾驶考试</option>
		                                            </select>
													
													
												</div>
										</div>
								     	<!-- 11111111111111111111111 -->
		                            </div>
		                            <!-- 11111111111111111111111 -->
		                            <div class="tab-pane" id="account">
			                            <div class="form-group"  align="center">
														 <h5 class="info-text">考试区域&nbsp;: ${user.area}		
														</h5>	
										</div>
		                               	 <div class="row"  align="center" >
													<h5 >考试地点：</h5>
													 <select id="address" name="address" >
		                                                  <option>          </option>
														  
		                                            </select>
													
													
										</div>
	
		                            </div>
		                            <!-- 11111111111111111111111 -->
		                            
		                            <div class="tab-pane" id="address">
		                            <!-- 11111111111111111111111 -->
		                                <div class="row" align="center">
           &nbsp;&nbsp;&nbsp;&nbsp;日期范围：
			<input type="text" onfocus="WdatePicker({minDate:'%y-%M-#{%d+3}' ,maxDate:'#F{$dp.$D(\'logmax\')||\'2050-12-31\'}'})" id="logmin" class="input-text Wdate" style="width:120px;" autocomplete="off">
			-
			<input type="text" onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'logmin\')}',maxDate:'2050-12-31'})" id="logmax" class="input-text Wdate" style="width:120px;" autocomplete="off">
			<button name="" onclick="search(1,10)" id="search" class="btn btn-success" type="button"><i class="Hui-iconfont"></i>查询</button>
		
		                                   
		                                  
		                                </div>
		                               <!-- 11111111111111111111111 -->
									   <table class="table table-border table-bordered table-hover table-bg table-sort">
											<thead>
												<tr class="text-c">
															<th width="60">日期</th>
															<th width="60">时间段</th>
															<th width="60">考试类型</th>
															<th width="60">科目</th>
															<th width="60">可预约人数</th>
															<th width="60">状态</th>
															<th width="50">选择</th>
											            	<th width="25"><input type="checkbox" name="" value=""></th>
												</tr>
											</thead>
											
											
										</table>
									
		                            </div>
		                        </div>
		                        <!-- 11111111111111111111111 -->
		                        <div class="wizard-footer">
		                            <div class="pull-right">
		                                <input type='button' class='btn btn-next btn-fill btn-warning btn-wd' id="next" name='next' value='下一项' />
		                                <input type='button' class='btn btn-finish btn-fill btn-warning btn-wd' name='finish' value='完成' />
		                            </div>

		                            <div class="pull-left">
		                                <input type='button' class='btn btn-previous btn-default btn-wd' name='previous' value='返回' />
		                            </div>
		                            <div class="clearfix"></div>
		                        </div>
		                        <!-- 11111111111111111111111 -->
		                    </form>
		                </div>
		            </div> <!-- wizard container -->
		        </div>
	    	</div><!-- end row -->
		</div> <!--  big container -->

	   
	</div>
</body>
</html>